<!doctype html>
<html lang="zh-CN">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
        <meta name="renderer" content="webkit" />
	    <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no,width=device-width,height=device-height">
        <title>历程</title>
        <link href="favicon.ico" rel="shortcut icon">
        <link rel="stylesheet" href="css/common/swiper.css">
        <link rel="stylesheet" href="css/common/base.css">
        <link rel="stylesheet" href="css/common/animation.css">
        <link rel="stylesheet" href="css/common/media.css">
        <link rel="stylesheet" href="css/history.css">
    </head>
    <body>
      
        <div class="container"> 
            <header>
                <div class="logo flex">
                    <a href="index.html" class="pic"><img src="img/common/logo.png" alt="logo"></a>
                    <a class="txt" href="">
                        <span>
                            我们的
                            <br>项目
                        </span>
                        <p class="bg"></p>
                    </a>
                </div>
                <div class="menuBtn cursor flex flex-align-items flex-justify-content">
                    <div class="btn">
                        <span></span>
                        <span></span>
                        <span></span>
                        <span></span>
                    </div>
                    <div class="t">
                        <span>菜单</span>
                        <span>关闭</span>
                    </div>
                    <div class="bg"></div>
                </div>
                <div class="menu">
                    <a href="index.html"><img src="img/common/logo.png" alt="logo"></a>
                    <ul class="flex flex-align-items flex-justify-content">
                        <li>
                            <p class="lbl"></p>
                            <div class="rht">
                                
                            </div>
                            <div class="box">
                                <div class="ttl">
                                    项目
                                    <p class="sonMenu">
                                        <a href="case.html">项目名称1</a>
                                        <a href="case.html">项目名称2</a>
                                    </p>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="box">
                                <div class="ttl">
                                    关于我们
                                    <p class="sonMenu">
                                        <a href="about.html?scrlInd=1">我们的简介</a>
                                        <a href="history.html">我们的历史</a>
                                    </p>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="box">
                                <div class="ttl"><a href="weDo.html">服务范围</a></div>
                            </div>
                        </li>
                        <li>
                            <div class="box">
                                <div class="ttl">制作过程</div>
                            </div>
                        </li>
                        <li>
                            <div class="box">
                                <a class="ttl" href="contact.html">联系我们</a>
                            </div>
                        </li>
                    </ul>
                </div>
            </header>
            <main>
               <div class="history fill flex">
                    <div class="item itm1">
                        <div class="mid">
                            <div class="ttl">
                                <p class="date"><i class="vc"></i>2016年-2022年</p>
                                <p class="name">我们的历史</p>
                            </div>
                            <p class="num1 scrollItem num vc" scroll-start="former" scroll-stop="overself">2</p>
                            <p class="num2 scrollItem num" scroll-start="former" scroll-stop="overself">0</p>
                            <p class="pic"><img src="img/history/1.jpg" class="obj-c"></p>
                            <div class="border">
                                <p class="title">
                                    多年<br>
                                    经验
                                </p>
                                <p class="no">10</p>
                            </div>
                        </div>
                    </div>
                    <div class="item itm2">
                        <div class="mid">
                            <p class="num1 scrollItem num" scroll-start="former" scroll-stop="overself">1</p>
                            <p class="num2 scrollItem num" scroll-start="former" scroll-stop="overself">6</p>
                            <p class="pic1 scrollItem pic" scroll-start="former" scroll-stop="overself"><img src="img/history/2.jpg" class="obj-c"></p>
                            <p class="pic2 scrollItem pic" scroll-start="former" scroll-stop="overself"><img src="img/history/3.jpg" class="obj-c"></p>
                            <div class="txt hc">
                                <p>穿石科技成立于2016年,秉承"绳锯木断，水滴石穿"的创业理念，致力做软件外包行业优质，贴心的服务提供商。愿携手用户打造适合自身的互联网品牌文化。</p>
                                <p>穿石科技主营业务： 网站建设，小程序，智慧店铺搭建，APP制作等软件开发业务。 穿石营销理念：结合公司新零售业务，取消业务环节，降低开发业务制作成本，实现客户利润最大化。</p>
                            </div>
                            <div class="ttl">
                                <p class="date"><i class="vc"></i>2016年-2017年</p>
                                <p class="name">老厂</p>
                                <p class="des">2016年，我们根据第一条生产线的需求改造了一个旧大厅，由5名员工执行了第一笔订单...</p>
                            </div>
                            <p class="pic3 scrollItem pic" scroll-start="former" scroll-stop="overself"><img src="img/history/4.jpg" class="obj-c"></p>
                            <p class="pic4 scrollItem pic" scroll-start="former" scroll-stop="overself"><img src="img/history/5.jpg" class="obj-c"></p>
                            <p class="border scrollItem" scroll-start="former" scroll-stop="overself"></p>
                        </div>
                    </div>
                    <div class="item itm3">
                        <div class="mid">
                            <div class="ttl">
                                <p class="date"><i class="vc"></i>2018年</p>
                                <p class="name">新工厂</p>
                                <p class="des">... 多年来，订单数量的增加和规模的扩大为就业和工厂本身的发展做出了贡献。</p>
                            </div>
                            <div class="border scrollItem" scroll-start="former" scroll-stop="overself">
                                <p class="title">专家</p>
                                <p class="no">40</p>
                            </div>
                            <p class="pic2 scrollItem pic" scroll-start="former" scroll-stop="overself"><img src="img/history/7.jpg" class="obj-c"></p>
                            <p class="pic1 scrollItem pic" scroll-start="former" scroll-stop="overself"><img src="img/history/6.jpg" class="obj-c"></p>
                            <p class="year scrollItem" scroll-start="former" scroll-stop="overself">2018</p>
                            <p class="pic3 scrollItem pic vc" scroll-start="former" scroll-stop="overself"><img src="img/history/8.jpg" class="obj-c"></p>
                            <p class="num num1 scrollItem" scroll-start="former" scroll-stop="overself">2</p>
                            <p class="num num2 scrollItem" scroll-start="former" scroll-stop="overself">0</p>
                            <p class="num num3 scrollItem" scroll-start="former" scroll-stop="overself">2</p>
                            <p class="num num4 scrollItem" scroll-start="former" scroll-stop="overself">2</p>
                        </div>
                    </div>
                    <div class="item itm4">
                        <div class="mid">
                            <p class="pic hc"><img src="img/history/9.jpg" class="obj-c"></p>
                            <p class="year scrollItem" scroll-start="former" scroll-stop="overself">2022</p>
                        </div>
                    </div>
               </div>
               <div class="timeLine">
                   <div class="process flex">
                       <div class="item start">
                           <i></i>
                           <p class="year">20<br>16</p>
                           <p class="name">开始</p>
                       </div>
                       <div class="item end">
                           <i></i>
                           <p class="year">20<br>22</p>
                           <p class="name">现在</p>
                       </div>
                       <p class="ing"></p>
                   </div>
               </div>
            </main>
            <footer>
                <p>Copyright © 宁波穿石网络科技有限公司 All rights reserved</p>
                <p>技术支持：穿石科技</p>
            </footer>
        </div>
        
        <script src="js/common/swiper.js"></script>
        <script src="js/common/jquery.js"></script>
        <script src="js/common/common.js"></script>
        <script src="js/history.js"></script>
    </body>
</html>